<header>
    一些基本概念
</header>
<p>
    更多信息可以
    <a href="https://code.visualstudio.com/api" target="_blank">点击此处</a>
    查看官方文档。
</p>
<h2>
    工作台
</h2>
<p>
    主要包括如下：
</p>
<ul>
    <li>
        Title Bar
    </li>
    <li>
        Activity Bar
    </li>
    <li>
        Side Bar
    </li>
    <li>
        Panel
    </li>
    <li>
        Editor Group
    </li>
    <li>
        Status Bar
    </li>
</ul>
<img src="./images/vscode/workbench-contribution.png" width="500px">
<p>
    VS Code提供了各种API，允许您将自己的组件添加到工作台。
</p>
<h2>
    整体UI架构
</h2>
<img src="./images/vscode/architecture-containers.png" width="700px">